<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>Document</title>
    <link href="https://www.w3school.com.cn/lib/bs/bootstrap.css" rel="stylesheet">
<!-- 最新编译的 JavaScript -->
<script src="https://www.w3school.com.cn/lib/bs/bootstrap.js"></script>
<link rel="stylesheet" href="css/kf.css">
</head>
<body>
      <!-- 林梦雅20软单20200508110 -->
    <div class="part1"><!-- 首页头部 -->
        <nav class="navbar navbar-expand-sm part1-tt">
            <div class="container-fluid">
              <a class="navbar-brand" href="ypjdsy.html"><img src="img/log.png" alt=""></a>
              <button class="navbar-toggler" type="button" data-bs-toggle="collapse" data-bs-target="#collapsibleNavbar">
                <span class="navbar-toggler-icon"></span>
              </button>
              <div class="collapse navbar-collapse" id="collapsibleNavbar">
                <ul class="navbar-nav">
                  <li class="nav-item">
                    <a class="nav-link" href="ypjdsy.html" >首页</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="kf.html" >客房</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="yytime.html" >营运时间</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="cyjjn.html" >餐宴及佳酿</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="jcss.html" style="font-weight: bolder;color: #266258;">精彩盛事</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="shopty.html">购物体验</a>
                  </li>
                  <li class="nav-item">
                    <a class="nav-link" href="rhjx.html">荣获奖项</a>
                  </li>


                  <li class="nav-item">
                    <a class="nav-link" href="chatus.html">联系我们</a>
                  </li>
                </ul>
              </div>
            </div>
          </nav>
        
        
    </div>
    <div class="part2-5">
        <div class="sidebar">
            <ul>
              <br>
                <li><a href="jcss.html" style="font-size: larger;font-weight: bolder;">精彩盛事</a></li>
                <li><a href="lion.html">狮展潜能．潜能起动 — 第九届美高梅幼狮暑期兴趣班2023⚪</a></li>
                <li><a href="#">殿”糖”雕塑艺术特展优品视博广场- - 团和气艺术空间</a></li>
                <li><a href="#">大型多媒体纸雕花园艺术装置,小岛装配依节气更叠变化的LED平台</a></li>
                <li><a href="#">美狮美学 - 文化艺术创意体验</a></li>
                <li><a href="#">《图说镜海—镜海归帆图》专题片</a></li>

                
            </ul>
        </div>
          
        <div class="content">
          <!-- 内容区域 -->
          <div class="part5-z">
            <p class="part3-tt" style="color: #266258e0;font-size: 70px;">狮展潜能．潜能起动 — 第九届美高梅幼狮暑期兴趣班2023</p>
            <br>
            <img src="img/jincai/1.jpg" alt="">
            <div class="part5-tt">
                <p>欢迎5-8岁的小朋友报名参加:优品幼狮暑期兴趣班”!</p>
                <p>让孩子们走出书本，透过体艺活动启发潜能。 
                    在舞狮训练过程中，孩子们既可强健身心，更可以狮会友，亲身领略岭南文化传承，
                    善用余暇，度过精彩且有意义的夏日。 
                    课程内容涵盖公开表演，让学员们展现训练成果，为日后踏上狮艺竞技的国际舞台奠下基础.
                </p>
                <p>
                    上课地点：优品<br>
                    报名日期：即日起至6月11日<br>
                    上课日期：7月10日至8月21日<br>
                    对象：5 – 8 岁儿童<br>
                    名额：80名<br>
                    费用：全免
                </p>
                <p>
                    报名流程：填妥报名表格并提交(a)参加者之有效身份证副本及(b)注册医生体格检验报告<br>
                    如有任何疑问，欢迎致电 （853） 8802 3833 或电邮至 liondance@mgm.mo
                </p>
                <br>
                <div class="button-container">
                    <a  class="learn-more-button">下方报名表填写</a>
                </div>
                
            </div>


            <div class="part5-form">
                <form action="" onsubmit="return validateForm()">
                  <div class="mb-5">
                    <br>
                    <label for="email" class="form-label">电子邮件：</label>
                    <input type="email" class="form-control" id="email" placeholder="请输入电子邮件地址" name="email">
                  </div>
                  <div class="mb-5">
                    <label for="parent-name" class="form-label">家长姓名：</label>
                    <input type="text" class="form-control" id="parent-name" placeholder="请输入家长姓名" name="parent-name">
                  </div>
                  <div class="mb-5">
                    <label for="child-name" class="form-label">孩子姓名：</label>
                    <input type="text" class="form-control" id="child-name" placeholder="请输入孩子姓名" name="child-name">
                  </div>
                  <div class="mb-5">
                    <label for="contact-phone" class="form-label">联系电话：</label>
                    <input type="tel" class="form-control" id="contact-phone" placeholder="请输入联系电话" name="contact-phone">
                  </div>
                  <button type="submit" class="btn-5" onclick="submitForm()">提交</button>
                </form>
              </div>
          </div>
          <script>
            function validateForm() {
                // 邮箱验证
                var emailInput = document.getElementById('email');
                var emailValue = emailInput.value;
                var emailRegex = /^[^\s@]+@[^\s@]+\.[^\s@]+$/;
                if (emailValue.trim() !== '' && !emailValue.match(emailRegex)) {
                    alert("请输入有效的电子邮件地址");
                    emailInput.focus();
      
                    return false;
                }

                // 联系电话验证
                var phoneInput = document.getElementById('contact-phone');
                var phoneValue = phoneInput.value;
                var phoneRegex = /^\d{11}$/;
                if (phoneValue.trim() !== '' && !phoneValue.match(phoneRegex)) {
                    alert("请输入有效的联系电话（11位数字）");
                    phoneInput.focus();

                    return false;
                }

                // 所有验证通过，可以提交表单
                return true;
                }
            function submitForm() {
                    if (validateForm()) {
                    if (confirm("是否确定提交表单？")) {
                        alert("表单提交成功！");
                    }
                }
            }
          </script>



                
        </div>
    </div>

    <div class="part4z"><!-- 最后商标 -->
        <div class="part4z-tt">
            <img src="img/2log.png" alt="" style="width: 200px;">
            <p>优品致力成为全球最创新的综合度假酒店</p>
        </div>
    </div>
</body>
</html>